/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */

#editor_tabs_3 {
  [aria-selected="true"] {
    border: 1px dashed black;
  }
  .sidebar_upload_file_form {
    margin-top: 15px;
    select, input {
      width: 100%;
    }
    input:not([type=file]) {
      box-sizing: border-box;
      height: 36px;
    }
  }
}

#editor_tabs {
  [role=treeitem][aria-selected="true"] {
    border: 1px dashed black;
  }
  @include fontSize(11px);
  > .wiki-sidebar-header {
    font-size: 1.3em;
    margin-bottom: 0.3em;
  }
  .ui-tabs-panel {
    padding: 0.5em 0.8em;
  }
  .wiki_pages {
    @include reset-list;
  }
  .page_list {
    li a {
      display: block;
      padding: $ic-sp/2 0;
    }
  }
  #pages_accordion {
    .ui-accordion-content {
      padding: 0.5em;
      height: 190px;
      overflow: auto;
    }
    .add {
      display: block;
    }
  }
}

#editor_tabs .image_list_holder {
  position: relative;
  .dragging_message {
    display: none;
  }
  &.file_drag {
    .image_list * {
      visibility: hidden;
    }
    .dragging_message {
      position: absolute;
      top: 5px;
      left: 5px;
      display: block;
      font-size: 1.4em;
      font-weight: bold;
      padding-left: 20px;
      background: transparent url(/images/page_white_get.png) no-repeat left center;
    }
  }
}

#editor_tabs .uploading_file_list {
  margin-top: 5px;
  .uploading {
    font-weight: bold;
  }
  .remaining {
    font-size: 0.8em;
    color: #888;
    margin-left: 7px;
    margin-top: -5px;
  }
}

#editor_tabs .image_list {
  .img_link {
    cursor: pointer;
    overflow: hidden;
    border: 1px solid #ccc;
    margin: 3px;
    padding: 3px;
    float: left;
    .img_holder {
      min-height: 50px;
    }
    img {
      max-height: 50px;
      max-width: 200px;
    }
  }
  .img_link.default_image {
    display: none;
  }
}

#editor_tabs .file_list_holder {
  position: relative;
  .dragging_message {
    display: none;
  }
  &.file_drag {
    .file_list * {
      visibility: hidden;
    }
    .dragging_message {
      position: absolute;
      top: 5px;
      left: 5px;
      display: block;
      font-size: 1.4em;
      font-weight: bold;
      padding-left: 20px;
      background: transparent url(/images/page_white_get.png) no-repeat left center;
    }
  }
}

#wiki_sidebar_collections {
  padding: 10px 0 0;
  ul {
    padding: 0;
    margin: 1em 0 3px;
    list-style: none;
    border: 1px solid #ccc;
    max-height: 279px;
    border: 1px solid #cccccc;
    overflow: auto;
    li {
      cursor: pointer;
      padding: 0 8px 0 39px;
      position: relative;
      margin: 0;
      height: 33px;
      border-top: 1px solid #fff;
      border-bottom: 1px solid #dfe0e0;
      color: #4790ec;
      &.even {
        background-color: #f2f9fe;
      }
      &.last {
        border-bottom: none;
      }
      img {
        position: absolute;
        top: 3px;
        left: 3px;
        width: 24px;
        height: 24px;
      }
      i {
        position: absolute;
        top: 7px;
        left: 7px;
        width: 16px;
        height: 16px;
      }
    }
  }
}

.ui-effects-transfer {
  border: 2px dashed #000;
}
